.bg-theme {
	background-color: $theme-color ;
}
.bg-white {
	background-color: #fff;
}
.font-color-white {
	color: white ;
}
.font-color-red {
	color: red ;
}
.font-color-theme {
	color: $theme-color ;
}
.font-color-999 {
	color: #999;
}
.font-color-gray {
	color: #999;
}
.font-color-333 {
	color: #333;
}
.font-color-A3 {
	color: #A3A3A3;
}


::-webkit-scrollbar {
  display: none;
}

@for $i from 1 to 100 {
	// 内边距 padding
  .p-#{$i * 1} { padding: 1rpx * $i;}
  .p-l-#{$i * 1} { padding-left: 1rpx * $i;}
  .p-r-#{$i * 1} { padding-right: 1rpx * $i;}
  .p-t-#{$i * 1} { padding-top: 1rpx * $i;}
  .p-b-#{$i * 1} { padding-bottom: 1rpx * $i;}
	
	// 外边距 margin
  .m-#{$i * 1} { margin: 1rpx * $i;}
  .m-l-#{$i * 1} { margin-left: 1rpx * $i;}
  .m-r-#{$i * 1} { margin-right: 1rpx * $i;}
  .m-t-#{$i * 1} { margin-top: 1rpx * $i;}
  .m-b-#{$i * 1} { margin-bottom: 1rpx * $i;}
	
	// 边框 border
  .b-#{$i} { border: 1rpx * $i solid #eee;}
  .b-l-#{$i} { border-left: 1rpx * $i solid #eee;}
  .b-r-#{$i} { border-right: 1rpx * $i solid #eee;}
  .b-t-#{$i} { border-top: 1rpx * $i solid #eee;}
  .b-b-#{$i} { border-bottom: 1rpx * $i solid #eee;}
}

  
/* -------------------- 宽度、高度 -------------------------*/
@for $i from 1 to 11 {
	.w-#{$i * 10} {width: $i * 10% ;}
	.vw-#{$i * 10} {width: $i * 10vw ;}
	.vh-#{$i * 10} {height: $i * 10vh ;}
}
@for $i from 1 to 100 {
	.max-w-#{$i * 1} {max-width: $i * 1rpx ;}
	.min-w-#{$i * 1} {min-width: $i * 1rpx ;}
	
	.h-#{$i * 1} {height: $i * 1rpx ;}
	.max-h-#{$i * 1} {max-height: $i * 1rpx ;}
	.min-h-#{$i * 1} {min-height: $i * 1rpx ;}
	
	//圆角边框
	.r-#{$i} { border-radius: 1rpx * $i;}
	.r-t-l-#{$i} { border-top-left-radius: 1rpx * $i;}
	.r-t-r-#{$i} { border-top-right-radius: 1rpx * $i;}
	.r-b-t-#{$i} { border-bottom-right-radius: 1rpx * $i;}
	.r-b-b-#{$i } { border-bottom-left-radius: 1rpx * $i;}
}


/* 文本超出 n 行后省略 */
@for $i from 1 to 6 {
	.text-line-#{$i} {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $i;
		overflow: hidden;
	}
}

//图片
@for $i from 20 to 200 {
	.img-#{$i} {width: $i * 1rpx;height: $i * 1rpx;}
	.img-w-#{$i} {width: $i * 1rpx;}
	.img-h-#{$i} {height: $i * 1rpx;}
}


@for $i from 20 to 50 {
	// 内边距 padding
  .font-size-#{$i * 1} { font-size: 1rpx * $i;}
}